<template>
	<view>
		<view class="navbar">
			<view class="navbarItem" @click="goRecoSong">
				<u-icon name="bell-fill" size="70rpx" color="red" class="image" label="每次推荐" labelPos="bottom"
					labelSize="30rpx"></u-icon>
			</view>
			<view class="navbarItem" @click="gosonglist">
				<u-icon name="file-text-fill" size="70rpx" color="red" class="image" label="歌单" labelPos="bottom"
					labelSize="30rpx"></u-icon>
			</view>
			<view class="navbarItem" @click="golistPai">
				<u-icon name="list" size="70rpx" color="red" class="image" label="排行榜" labelPos="bottom"
					labelSize="30rpx"></u-icon>
			</view>
			<view class="navbarItem" @click="goNewSong">
				<u-icon name="bookmark-fill" size="70rpx" color="red" class="image" label="新歌榜" labelPos="bottom"
					labelSize="30rpx"></u-icon>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		name: "cartHome",
		data() {
			return {

			};
		},
		methods: {
			goRecoSong() {
				uni.navigateTo({
					url: '/subpkg/recosong/recosong',
				})
			},
			gosonglist(){
				uni.navigateTo({
					url: '/subpkg/songlist/songlist'
				})
			},
			golistPai(){
				uni.navigateTo({
					url:"/subpkg/listPai/listPai",
				})
			},
			goNewSong(){
				uni.navigateTo({
					url:"/subpkg/newSong/newSong"
				})
			}
		}
	}
</script>

<style lang="scss">
	.navbar {
		margin: 30rpx 15rpx;
		display: flex;
		justify-content: space-around;
	}
</style>
